 <template>
  <div class="flex">
    <!-- <div class="span"> -->
    <p class="bg-info text-center" style="padding: 8px;">抄表信息</p>
      <data-grid :model="row" partial='list' v-ref:grid>
        <template partial='head'>
          <tr>
            <th>上期指数</th>
            <th>本期指数</th>
            <th>抄表时间</th>
            <th>用气量</th>
            <th>用气金额</th>
            <th>本期剩余气量</th>
            <th>本期扣减气量</th>
            <th>是否缴费</th>
            <!-- <th>缴费截止日期</th> -->
            <th>滞纳金</th>
            <th>滞纳天数</th>
            <!-- <th>公式</th> -->
          </tr>
        </template>
        <template partial='body'>
          <tr>
            <td>{{row.f_last_tablebase}}</td>
            <td>{{row.f_tablebase}}</td>
            <td>{{row.f_hand_date}}</td>
            <td>{{row.f_oughtamount}}</td>
            <td>{{row.f_oughtfee}}</td>
            <td>{{row.f_surplus_gas}}</td>
            <td>{{row.f_haircut_gas}}</td>
            <td>{{row.f_whether_pay}}</td>
            <!-- <td>{{row.f_end_date}}</td> -->
            <td>{{row.overdue}}</td>
            <td>{{row.overduedays}}</td>
            <!-- <td>应缴金额x滞纳天数x滞纳比率</td> -->
          </tr>
        </template>
      </data-grid>
    <!-- </div> -->
  </div>
</template>
<script>
export default {
  props: ['row']
}
</script>
